<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>位置交通</title>
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
    <div>
        <header id="header"></header>
        <div class="layout">
            <div class="mt-30 mb-30 tc"><h1><a href="index.html" class="links-item hd-logo">秘境</a></h1></div>
            <div class="location-banner"></div>
            <div class="location-main clearfix">
                <section class="arrive clearfix">
                    <h2><span>地理位置</span></h2>
                    <div class="info fl">
                        <h3><span class="mr-20">Information</span><span>交通信息</span></h3>
                        <p>地址：中国 杭州 桐庐 莪山乡 戴家山</p>
                        <p>电话：86 0571-69879007</p>
                        <p>GPS坐标：119.528701, 29.811095</p>
                        <a href="http://uri.amap.com/marker?position=119.528701, 29.811095" target="_blank" class="mt-20 more-btn">在高德地图中查看</a>
                    </div>
                    <div class="location fr">
                        <h3><span class="mr-20">Location</span><span>地图</span></h3>
                        <div>
                            <div id="map" style="height:300px"></div>
                            <!--<img src="../img/index/map.jpg" style="width:100%;" alt=""/>-->
                        </div>
                    </div>
                </section>
                <section class="mode clearfix">
                    <h2><span>抵达方式</span></h2>
                    <div class="clearfix" style="border-bottom:1px solid #333;margin-bottom:80px;">
                        <h3><span class="mr-20">Driving Route</span><span>自驾路线</span></h3>

                        <dl class="fl">
                            <dt>上海 — 桐庐莪山</dt>
                            <dd><p>导航目的地：桐庐秘境山乡生活酒店</p><p class="mt-20 mb-20">上海 - 沪昆高速 - 杭州绕城高速 - 长深高速 - 桐庐互通 - 省道208 - 徐七线 - 潘戴线 - 秘境&山乡生活</p><p>全程290公里，约4小时</dd>
                        </dl>
                        <dl class="fr">
                            <dt>南京 — 桐庐莪山</dt>
                            <dd><p>导航目的地：桐庐秘境山乡生活酒店</p><p class="mt-20 mb-20">南京 - 沪蓉高速 - 宁杭高速 - 长深高速 - 桐庐互通 - 省道208 - 徐七线 - 潘戴线 - 秘境&山乡生活</p><p>全程约350公里，用时约5小时</dd>
                        </dl>
                        <dl class="fl">
                            <dt>杭州 — 桐庐莪山</dt>
                            <dd><p>导航目的地：桐庐秘境山乡生活酒店</p><p class="mt-20 mb-20">杭州 - 长深高速 - 桐庐互通 - 省道208 - 徐七线 - 潘戴线 - 秘境&山乡生活</p><p>全程110公里，约2小时</dd>
                        </dl>
                        <dl class="fr">
                            <dt>宁波 — 桐庐莪山</dt>
                            <dd><p>导航目的地：桐庐秘境山乡生活酒店</p><p class="mt-20 mb-20">宁波 - 杭州湾环线高速 - 沪昆高速 - 杭州绕城高速 - 长深高速 - 桐庐互通 - 省道208 - 徐七线 - 潘戴线 - 秘境&山乡生活</p><p>全程265公里，用时约3小时20分</dd>
                        </dl>
                    </div>
                    <div class="fl mode-box">
                        <h3><span class="mr-10">Train</span><span>火车/高铁</span></h3>
                        <p><strong>先抵达最近火车站：杭州站/杭州东站</strong></p>
                        <p class="mt-10">预约专车接送服务 (仅现杭州至秘境）</p>
                        <p class="mt-10">价格如下：</p>
                        <p>7座车    别克商务   约800元</p>
                        <p>19座车  丰田海狮   约1200元</p>
                        <p>33座金龙大巴        约1500元</p>
                        <p class="mt-10">以上价格均为单趟价格，当日具体价格请咨询秘境管家，</p>
                        <p class="mt-10">也可自行包车或租车</p>
                        <p>亦可至杭州各大长途汽车站乘坐长途汽车到桐庐汽车站</p>
                    </div>
                    <div class="fr mode-box" style="margin-bottom: 50px;">
                        <h3><span class="mr-10">Airplane</span><span>飞机</span></h3>
                        <p><strong>最近机场：萧山机场</strong></p>
                        <p class="mt-10">杭州萧山机场有直达桐庐的长途大巴，或联系秘境管家预约专车</p>
                    </div>
                    <div class="fr mode-box">
                        <h3><span class="mr-10">Coach</span><span>长途汽车</span></h3>
                        <p><strong>最近汽车站：桐庐汽车站</strong></p>
                        <p class="mt-10">桐庐汽车站 —— 秘境山乡生活，可安排有偿接送服务</p>
                        <a class="mt-10" style="color:#999" href="#">查看各长途汽车站至桐庐班车 车次时刻表→</a>
                    </div>
                </section>
            </div>
            <section class="interest clearfix">
                <h2><span>你可能感兴趣</span></h2>
                <div class="interest-list">
                    <ul>
                        <li><a href="#"><img src="../img/interest/4.jpg" alt=""><strong>Zoring Park<br>年轮公园</strong><span>黄铜  设计  精选  品质</span></a></li>
                        <li><a href="#"><img src="../img/interest/6.jpg" alt=""><strong>Gifts That For You<br>秘境之礼</strong><span>客房里的好东西, 湾蓝水、洗浴备品、布草等</span></a></li>
                        <li><a href="#"><img src="../img/interest/3.jpg" alt=""><strong>Librairie Avant-Garde<br>先锋书店</strong><span>CNN专题报道称其为“中国最美书店”。</span></a></li>
                    </ul>
                </div>
            </section>
        </div>
        <footer id="footer"></footer>
    </div>
    <script src="../js/jquery-1.10.0.js"></script>
    <script src="../js/common.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3"></script>
    <script type="text/javascript">
        var map = new AMap.Map("map", {
            resizeEnable: true,
            center: [119.528701, 29.811095],
            zoom: 15
        });
        var marker = new AMap.Marker({
            position: map.getCenter()
        });
        marker.setMap(map);
        marker.setLabel({
            offset: new AMap.Pixel(20, 20),
            content: "桐庐秘境"
        });
    </script>
</body>
</html>